import React from 'react'
import {Switch, Route,} from 'react-router-dom'

import LiveSettingMain from "./LiveSettingMain/LiveSettingMain"
import LiveRoomName from "./LiveRoomName/LiveRoomName"
import LiveCategory from "./LiveCategory/LiveCategory"
import LiveAnnouncement from "./LiveAnnouncement/LiveAnnouncement"
import LiveUnion from "./LiveUnion/LiveUnion"
import LiveDataRate from "./LiveDataRate/LiveDataRate"
import LiveResolution from "./LiveResolution/LiveResolution"
import LiveFPS from "./LiveFPS/LiveFPS"

const LiveSetting = props => {
    const {match,} = props

    return (
        <Switch>
            <Route path={`${match.url}/`} exact component={LiveSettingMain} />
            <Route path={`${match.url}/room-name`} component={LiveRoomName} />
            <Route path={`${match.url}/category`} component={LiveCategory} />
            <Route path={`${match.url}/announcement`} component={LiveAnnouncement}/>
            <Route path={`${match.url}/union`} component={LiveUnion}/>
            <Route path={`${match.url}/data-rate`} component={LiveDataRate}/>
            <Route path={`${match.url}/resolution`} component={LiveResolution}/>
            <Route path={`${match.url}/fps`} component={LiveFPS}/>
        </Switch>
    )
}

export default LiveSetting
